body{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

@font-face {
  font-family: 'fontcustom';
  src: url(fontcustom.woff);
}

.idsiuseri {
	position: fixed;
    font-family: fontcustom;
    font-weight: 800;

    background: #00a2ffa8;
    position: fixed;
    letter-spacing: 0.5px;
    width: 220px;
    border-radius: 30px;
	left: 44%;
	bottom: -22%;
	text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.582)	;
    font-size: 16px;
	animation: mate2 2s ease-in-out;
}



.background {
	
	position: fixed;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	background: radial-gradient(#2222224f, #00000000, #0202020e, #00000033, #00000075, #00000086);

	transform: translate(-50%, -50%);
    background-size: cover;
    -moz-background-size: cover;
    background-position: center center;	
	box-shadow:
	0 2.8px 2.2px rgba(0, 0, 0, 0.034),
	0 6.7px 5.3px rgba(0, 0, 0, 0.048),
	0 12.5px 10px rgba(0, 0, 0, 0.06),
	0 22.3px 17.9px rgba(0, 0, 0, 0.072),
	0 41.8px 33.4px rgba(0, 0, 0, 0.086),
	0 100px 80px rgba(0, 0, 0, 0.12);	


}


.scb {
	
	position: absolute;
	padding: 300px;
/*	background-color: rgba(73, 73, 73, 0.5);*/
	width: 50%;
	height: 10.9%;
	left: 55%;
	letter-spacing: 2px;
	top: 50%;
	transform: translate(-50%, -50%);	

}



.textenavbar1 {
	position: absolute;
	top:0;
	width: 140%;
	padding: 5px;
	top:14%;
	text-align: center;
	left:-65px;
	border-bottom-left-radius: 13px;
	border-top-right-radius: 13px;
    animation: mata1 2s ease-in-out;


	

}


@keyframes mata1{
	0%{
		left:-59%;
	}

	100%{
		left:-48%;
	}
}




.textenavbar1 {
	position: fixed;
	color:white;
	font-weight: 800;
	margin-top: 13%;
	left : -48%;
	width: 1110px;
	font-size: 66px;
	transform: rotate(-90deg);
	font-family: sans-serif;
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}


.textnumeserver {
	position: fixed;
	color:white;
	right: 21%;
	font-family: fontcustom;

}

.list {
	position: fixed;
	left: 0;
	width: 100%;
	top: -3%;
	font-size: 25px;
}

.text {
	position: relative;
	left: 0;
	top: 1%;
}

.textlvl {
	position: relative;
	left: 0;
	top: 1%;
}



table{
	font-family: fontcustom;
	/*border-collapse: collapse;*/
	width: 100%;
}

  
th{
	top: 39%;
	color: white;
	width: 230px;
	font-weight: 300;

	text-align: center;
	padding: 8px;
	background: rgba(241, 241, 241, 0.082);
	border-radius: 0.85vw;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.247);

}
 
th:hover {
	border-bottom: 2px solid #008cff;
	border-radius: 0.55vw;
}
  
tr {
	top: 30%;
	color: white;
	text-align: center;
	padding: 5px;
}  
  
td {
	top: 30%;
	color: white;
	text-align: left;
	padding: 8px;

	font-weight: 00;
	background: rgba(241, 241, 241, 0.082);
	border-radius: 0.85vw;
	border-bottom: 2px solid #009dff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.247); 
}

td:hover {

	border-radius: 0.55vw;
}

td:after {
	position: absolute;
	content: url("");;
	left: 54%;

}





h1 {
	font-family: fontcustom;
	font-size: 17px;
	margin-top: 6.2%;
	left: 66.6%;
	color: #007bff;
	position: fixed;
	text-shadow: 0 0 30px  #006aff;
}


.text1 {
	font-family: fontcustom;
	font-size: 19px;
	top: -8%;
	left: 2%;
	color: #0084ff;
	position: fixed;
	animation: mate2 2s ease-in-out;
}

.text2 {
	font-family: fontcustom;
	font-size: 19px;
	top: -8%;
	left: 54%;
	color: #ffffff;
	text-shadow: 0 0 30px  #ffffff;
	position: fixed;
	animation: mate2 2s ease-in-out;
}

.text3 {
	font-family: fontcustom;
	font-size: 19px;
	top: -8%;
	left: 70%;
	color: #0077ff;
	position: fixed;
	text-shadow: 0 0 30px  #0084ff;
	animation: mate2 2s ease-in-out;
}

.button {
    background-color: aliceblue;
    padding: 12px;
}

.text4 {
	font-family: fontcustom;
	font-size: 19px;
	top: -8%;
	left: 86%;
	color: #ffffff;
	position: fixed;
	text-shadow: 0 0 30px  #ffffff;
	animation: mate2 2s ease-in-out;
}

.texte {
	position: fixed;
    color: white;
    font-family: fontcustom;
    font-size: 19px;
    bottom: -28%;
    margin-left: -35%;
    letter-spacing: 1.0px;
	text-shadow: 0 0 30px black;
	animation: mate2 2s ease-in-out;


}

@keyframes mate2{
	0%{
		opacity: 0%;
	}

	100%{
		opacity: 100%;
	}
}


/*tr:nth-child(even) {
	background-color: #fff;
}*/

.scroll {
	position: fixed;
	width: 100%;
	height: 96.8%;
	overflow: auto;
}
.scroll::-webkit-scrollbar {
	width: 2px;
}
  
  /* Track */
.scroll::-webkit-scrollbar-track {

	background: rgb(241 241 241 / 15%);
}
   
  /* Handle */
.scroll::-webkit-scrollbar-thumb {

	background: #0077e6;
}
  
  /* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
	background: #0077e6;
}